		
		<!DOCTYPE html>
		<html lang="en">
			<head>
				<meta charset="UTF-8">
				<meta name="viewport" content="width=device-width, initial-scale=1.0">
				<title>Document</title>
				<style>
					* {
						margin: 0;
						padding: 0;
					}
		
					html {
						height: 100%;
					}
		
					body {
						height: 100%;
					}
		
					.container {
						height: 100%;
						background-image: linear-gradient(to right, #1deea9, #19ddfb);
						
					}
		
					.login-wrapper {
						background-color: #fff;
						opacity: 0.95;
						width: 358px;
						height: 588px;
						border-radius: 15px;
						padding: 0 50px;
						position: relative;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
					}
		
					.header {
						font-size: 38px;
						font-weight: bold;
						text-align: center;
						line-height: 200px;
					}
		
					.input-item {
						display: block;
						width: 100%;
						margin-bottom: 20px;
						border: 0;
						padding: 10px;
						border-bottom: 1px solid rgb(128, 125, 125);
						font-size: 15px;
						outline: none;
					}
		
					.input-item:placeholder {
						text-transform: uppercase;
					}
		
					.btn {
						text-align: center;
						padding: 10px;
						width: 100%;
						margin-top: 40px;
						background-image: linear-gradient(to right, #1deea9, #19ddfb);
						color: #fff;
					}
		
					.btn:hover {
						background-image: linear-gradient(to right, #10845d, #0d7987);
		
					}
		
					.msg {
						text-align: center;
						line-height: 88px;
					}
		
					a {
						text-decoration-line: none;
						color: #5b8aee;
					}
		
					a:hover {
						color: red;
					}
				</style>
			</head>
			<body>
				<div class="container">
					<div class="login-wrapper">
						<div class="header">登录页面</div>
						<div class="form-wrapper">
							<input type="text" name="username" placeholder="用户名" class="input-item">
							<input type="password" name="password" placeholder="密码" class="input-item">
							<div class="msg1" style="margin-left:270px ;">
								<a href="#">注册新用户</a>
							</div>
							<a href="">
								<div class="btn">登录</div>
							</a>
						</div>
						<div class="msg">
							不记得密码了吗?
							<a href="#">找回密码</a>
						</div>
					</div>
				</div>
			</body>
		</html>

